<template>
    <div class="page">
        <swiperM :list="BannerList" />

        <img alt="VR线上展会" :src="`${_oss_}images/mobile/about-me/1.jpg`" />
        <img alt="VR线上展会" :src="`${_oss_}images/mobile/about-me/2.jpg`" />
        <img alt="VR线上展会" :src="`${_oss_}images/mobile/about-me/3.jpg`" />
        <img alt="VR线上展会" :src="`${_oss_}images/mobile/about-me/4.jpg`" />
        <img alt="VR线上展会" :src="`${_oss_}images/mobile/about-me/5.jpg`" />
    </div>
</template>
<script setup>
import { useContent } from ".";

const { BannerList, GetBannerList } = useContent();

onMounted(() => {
    GetBannerList(264);
});
</script>
<style lang="scss" scoped>
.page {
    :deep(.banner) {
        height: 175px;
    }

    .bg {
        width: 100%;
        height: 280px;
        background-image: url("https://yzpt-resources.oss-cn-hangzhou.aliyuncs.com/web/images/about-me/bg.jpg");
        background-position: center center;
    }

    img {
        width: 100%;
        display: block;
    }
}
</style>
